<template>
  <div>
    <span class="kong"></span>
    <!-- <h2>我的动态</h2> -->
    <van-nav-bar title="我的动态" left-arrow @click-left="onClickLeft" @click-right="onClickRight" fixed>
      <van-icon name="apps-o" slot="right"/>
    </van-nav-bar>
    <div class="yuan">
      <span></span>
      <p>开启第一次训练打卡，记录我的华丽蜕变</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Mydynamic",
  methods: {
    onClickLeft() {
        this.$router.push("/myspeed");
    },
    onClickRight() {

    }
  }
};
</script>

<style scoped>
.kong {
  display: block;
  height: 50px;
}
.yuan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.yuan span {
  width: 172px;
  height: 172px;
  line-height: 20px;
  text-align: center;
  border: 1px solid rgba(187, 187, 187, 1);
  border-radius: 50%;
}
.yuan p {
  color: rgba(16, 16, 16, 1);
  font-size: 12px;
  text-align: center;
  font-family: PingFangSC-regular;
}
</style>
